<template>
    <div class="showmodule">
        <div class="show_title">
            品牌推荐  
        </div>
        <div class="content">
            <ul>
                <li v-for="item in imgs" :key="item.id">
                    <router-link :to="'/listbage?listCurl='+item.listCurl+'&imgHurl='+item.imgHurl">
                    <img :src="$baseurl+'/'+item.img" alt="">
                    </router-link>
                </li>
            </ul>
            
        </div>
        

    </div>
</template>

<script>
export default {
    props:[
        'showmoduleurl'
    ],
    data (){
        return {
            imgs:[]
        }
    },
    async created(){
        let{ data }= await this.$axios.get(this.$baseurl+this.showmoduleurl)
        this.imgs = data
    }

}
</script>

<style lang='scss'>
    .showmodule{
        background: #fff;
        padding: 0.16rem;
        border-radius: 0.16rem;
        .show_title{
            font-size: 0.28rem;
            line-height: 0.54rem;
            color: #747474;
            margin: 0 0.1rem 0.08rem;
        }
        ul{
            display: flex;
            flex-wrap: wrap;
            li{
                border: 0.01rem solid #ebebeb;
                margin: 0.06rem;
                img{
                width: 1.48rem;
                height: 1.79rem;
                }
            
            }
        }

        
        
    }

</style>